*{
    margin: 0;padding: 0;
    text-decoration: none;
    list-style: none;
}

 //公共头部结束*************************************************************
#header{
    width: 100%;height: 35px;
    background: #009B72;
    .center{
        width: 1200px;height: 35px;
//      background: red;
        margin: 0 auto;
        //左部分开始
        .left{
            width: 432px;height: 35px;
//          background: blue;
            float: left;
            li{
                float: left;
                line-height: 35px;
                border-left:1px solid #47B488;
                &:hover{
                    background: #47b488;
                }
                a{
                    font-size: 14px;
                    color: white;
                    font-weight: 600;                   
                    
                }
            }
            .gi1{
                width: 67px;height: 35px;
                text-align: center;
            }
            .gi2{
                width: 90px;height: 35px;
                text-align: center;
            }
            .gi3{
                width: 93px;height: 35px;
                text-align: center;
            }
            .gi4{
                width: 93px;height: 35px;
                text-align: center;
            }
            .gi5{
                width: 80px;height: 35px;
                text-align: center;
            }
        }
        //左部分结束
        
        //右部分开始
        .right{
            width: 137px;height: 35px;
//          background: khaki;
            float: right;
            li{
                float: left;
                line-height: 35px;
                border-left:1px solid #47B488;
                &:hover{
                    background: #47b488;
                }
                a{
                    font-size: 14px;
                    color: white;
                    font-weight: 600;                   
                    
                }
                
            }
            .gi1{
                width: 67px; height: 35px;
                text-align: center;
            }
            .gi2{
                width: 67px;height: 35px;
                text-align: center;
            }
           
        }
        //右部分结束
    }
}

//导航区域开始
#dh{
    width: 100%;height: 81px;
//  background: red;
    border-bottom: 1px solid #ccc;
    #wrapper{
            width: 1200px;height: 81px;
//          background: chartreuse;
            margin: 0 auto;   
        #logo{
                width: 400px;height: 31px;
                float: left;
        //      background: red;      
                margin-top: 22px;
        }
         .shop{
            width: 150px;height: 61px;
            border: 1px solid #E8E8E8;
            float: right;
            border-radius:4% ;
            margin-top:10px ;
            .text{
                float: left;
                font-size: .875rem;
                font-weight: 700;
                line-height: 59px;
                margin-left: 20px;
                a{
                    color: #8A8A8A;
                    
                }
            }
            .icon{
                float: right;
                width: 32px;height: 34px;
                background: url(../images/shop.png);
                margin-right: 31px;
                margin-top: 12px;
            }
            .num{
                float: right;
                width: 25px;height: 25px;
//              border: 1px solid black;
                border-radius: 50%;
                margin-right: 20px;
                margin-top: -42px;
                background: #2AAD6F;
                .shop-count{
                    float: right;
                    width: 22px;height: 22px;
                    margin-right: 2px;
                    line-height: 22px;
                    text-align: center;
                    font-size: 16px;
                    color: white;
                    font-weight:700;
                }
            }
            
        }
        .nav{
            width: 426px;height: 78px;
//          background: navajowhite;    
            float: right;
            li{
                float: left;
                line-height: 78px;
                a{
                    color: #8A8A8A;
                     font-size: .875rem;
                    
                    font-weight: 700;
                }
            }
            .gi1{
                width: 74px;height: 48px;
                text-align: center;
            }
            .gi2{
                width: 74px;height: 48px;
                text-align: center;
            }
            .gi3{
                width: 70px;height: 48px;
                text-align: center;
            }
            .gi4{
                width: 104px;height: 48px;
                text-align: center;
            }
            .gi5{
                width: 104px;height: 48px;
                text-align: center;
            }
        }
       
    }
}


//公共头部结束


//内容开始
.main-content{
    width: 100%;
    background: #EDEDED;
    .wrapper{
        width: 1200px;

        margin: 0 auto;
        .breadcrumb{
            width: 1200px;height: 52px;

            line-height: 52px;
            li{
                float: left;
                font-size: .875rem;
                color: #7b7b7b;
                
                a{
                    color: #7b7b7b;
                }
                span{
                    padding: 0 10px;

                }
            }
        }
        .brick-bottom{
            width: 1200px;
//          border: 1px solid;
            margin-top:16px ;
            
            .steps{
                width: 1200px;height: 83px;

                position: relative;
               .one{
                   width: 400px;height: 82px;
                   float: left;
                   background: white;
                   z-index: 1;  
                   .step-content{
                       width: 391px;height: 26px;
                       margin-top: 25px;

                       .step-heading{
                           text-align: center;
                           font-size: 1.25rem;
                           font-family: "微软雅黑";
                           line-height: 26px;
                           
                       }
                       .step-gradient{
                               width: 400px;
                               height: 4px; 
                               background: #EB6547;
                               margin-top: 27px;

                       }
                      
                   }
               }
//             .after{
//                 width: 20px;height: 82px;
////                 border: 1px solid;
//                 background: blue;
//                 float: left;
//                 background: url(../images/steps-sprite.png)  -11px -10px no-repeat;
//                 z-index:2;
//                 position: absolute;
//                 left: 391px;
//             }
               
               .two{
                   width: 400px;height: 82px;
                   float: left;
                   background: #F7F7F7;
                   z-index: 1;  
                   .step-content{
                       width: 391px;height: 26px;
                       margin-top: 25px;

                       .step-heading{
                           text-align: center;
                           font-size: 1.25rem;
                           font-family: "微软雅黑";
                           line-height: 26px;
                           color: #CCCCCC;
                           
                       }
                       .step-gradient{
                               width: 400px;
                               height: 4px; 
                               background: white;
                               margin-top: 27px;

                       }
                      
                   }
               }
//             .after{
//                 width: 20px;height: 82px;
////                 border: 1px solid;
//                 background: blue;
//                 float: left;
//                 background: url(../images/steps-sprite.png)  -11px -10px no-repeat;
//                 z-index:2;
//                 position: absolute;
//                 left: 391px;
//                 
//             }


                .there{
                   width: 400px;height: 82px;
                   float: left;
                   background: #F7F7F7;
                   z-index: 1;  
                   .step-content{
                       width: 391px;height: 26px;
                       margin-top: 25px;

                       .step-heading{
                           text-align: center;
                           font-size: 1.25rem;
                           font-family: "微软雅黑";
                           line-height: 26px;
                           color: #CCCCCC;
                           
                       }
                       .step-gradient{
                               width: 400px;
                               height: 4px; 
                               background: white;
                               margin-top: 27px;

                       }
                      
                   }
               }
//             .after{
//                 width: 20px;height: 82px;
////                 border: 1px solid;
//                 background: blue;
//                 float: left;
//                 background: url(../images/steps-sprite.png)  -11px -10px no-repeat;
//                 z-index:2;
//                 position: absolute;
//                 left: 391px;
//                 
//             }
               
               
               
           
                
            }
            .g{
                margin-top: 16px;
                width: 1200px;
                border: 1px solid #CCCCCC;
                .purchase-list-header{
                    width: 1200px;height: 57px;

                    background: #FFFFFF;
                 
                    .first{
                        width: 14%;
                        height: 21px;

                        float: left;
                        margin-top: 17px;
                        margin-left: 20px;
                        .check{
                            width: 69px;height: 21px;

                            float: left;
                            input[type=checkbox]{
                                width: 16px;height: 16px;
                                margin-top: 2px;
                                cursor: pointer;
                            }
                            .all{
                                margin-left: 28px;
                                display: block;
                                margin-top: -20px;
                            } 
                        }
                    }
                    .second{
                        float: left;
                        width: 445px;height: 21px;

                        margin-top: 17px;
                        
                    }
                    .third{
                        float: left;
                        width: 189px;height: 21px;
                        margin-top: 17px;
                        text-align: center;
                        
                    }
                    .four{
                        float: left;
                        width: 178px;height: 21px;
                        margin-top: 17px;
                        text-align: center;
                        
                    }
                    .five{
                        float: left;
                        width: 144px;height: 21px;
                        margin-top: 17px;
                        text-align: center;
                        
                    }    
                }
                .buy-menu{
                    width: 1200px;
                  //overflow: hidden;
                    background: #FCFCFC;
                    .details{
                        width: 1114px;height: 201px;
                        border-bottom: 1px solid #ccc;
                        margin: 0 0 0 22px;

                        .cart-product-choice{
                            width: 14%;height: 120px;

                            margin-top: 33px;
                            float: left;
                            input[type=checkbox]{
                                cursor: pointer;
                                float: left;
                            }
                            .cart-product-image{
                                width: 104px;height: 120px;
                                display: inline-block;
                                margin-left: 10px;
                            }
                        }
                        .cart-product-info{
                            width: 958px;height: 72px;

                            float: left;
                            margin-top: 33px;
                            .cart-product-description{
                                width: 51%;

                                height: 44px;
                                float: left;
                                .heading{
                                    display: block;

                                    a{
                                        color: #000;
                                        font-size: 1rem;
                                        font-weight: 700;

                                    }
                                    .p{
                                        margin-top: 8px;
                                        font-size: 12px;
                                        color: #393939;
                                    }
                                }
                                
                            }



                            .lap-one{
                                width: 195px;height: 38px;
                                margin-top: 14px;
                                float: left;
                              margin-left: -10px;
                                .counter-box{
                                    width: 147px;height: 28px;
                                    border: 1px solid   #CCCCCC;
                                    margin: 0 auto;
                                    margin-top: 4px;
                                    font-size: .875rem;
                                    border-radius: 7%;
                                  margin-left: -12px  ;
                                    .minus{
                                        display: inline-block;
                                        width: 40px;height: 28px;
                                        background: #CCCCCC;
                                        border-radius: 10%;
                                        text-align: center;
                                        line-height: 28px;
                                        float: left;
                                    }
                                    .number{
                                        width: 41%;
                                        height: 28px;
                                        text-align: center;
                                    }
                                    input{
                                        border: none;
                                        text-align: center;
                                    }
                                    .plus{
                                        display: inline-block;
                                        width: 40px;height: 28px;
                                        background: #CCCCCC;
                                        border-radius: 10%;
                                        text-align: center;
                                        line-height: 28px;
                                        float: right;
                                    }
                                }
                            }





                            .cart-product-price{
                                width: 20%;
                                float: left;
                                margin-left: 20px;
                                text-align: center;
                              margin-left: -20px;
                                .reduced{
                                    display: block;
                                    text-decoration: line-through;
                                    font-weight: 400;
                                    color: #393939;

                                }
                                .icon-reduced{
                                    background: #e30000;
                                    padding: 3px 10px;
                                    font-size: .875rem;
                                    color: white;

                                }
                            }
                            .del{
                                float: left;
                        width: 11%;
                        text-align: center;
                        cursor: pointer
                            }
                        }
                        
                    }
                    .cart-fee{
                        width: 1114px;height: 95px;
//                      border: 1px solid;
                        margin: 0 0 0 22px;
                        background: white;
                        ul{
                            width: 992px;height: 55px;
//                          border: 1px solid;
                            margin-left: 80px;
                            margin-top: 39px;
                            text-align: right;
                            .cart-fee-title{
                                font-size: 1rem;
                                
                                display: inline-block;
                            }
                            .cart-fee-data{
                                width: 100px;height: 18px;
                                font-size: 1rem;
                                text-align: right;
                                display: inline-block;
                            }
                            .cart-fee-data1{
                                width: 100px;height: 18px;
                                font-size: 1rem;
                                text-align: right;
                                display: inline-block;
                                color: red;
                                font-family: "微软雅黑";
                            }
                        }
                    }
                    .form-actions{
                        width: 1200px;height: 141px;
                        border-top: 1px solid #E2E2E2;
                        padding-bottom: 20px;
                        background: #FDFDFD;
                        .form-actions-left{
                            width: 49%;
                            float: left;
                            margin-top: 68px;
                            margin-left: 30px;
                            a{
                                color: #2AAD6F;
                                cursor: pointer;
                            }
                        }
                        .form-actions-right{
                                width: 49%;
                                float: right;
                                text-align: right;
                                margin-top: -47px;
                                margin-right:51px ;
                                .jiesuan{
                                    display: inline-block;
                                    width: 112px;height: 60px;
                                    margin-top: 20px;
                                    background: #2aad6f;
                                    border: 2px solid #2aad6f;
                                    font-family: "微软雅黑";
                                    font-size: 18px;
                                  a{
                                    color: #fff;

                                  }
                                }
                        }
                    }
                }
            }
        }
    }
}

//内容结束














//公共底部
#foot-pic{
    width: 1200px;height: 112px;

    margin: 0 auto;
    margin-top: 54px;       
    #gi{
        width: 391px;height: 112px;
        background: #2AAD6F;
        display: inline-block;
        #img{
            width: 121px;height: 62px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun.png)no-repeat;
        }
        #text{
            color: white;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
    
       #gi1{
        width: 391px;height: 112px;
        background: #EDEDED;
        display: inline-block;
        #img{
            width: 121px;height: 68px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun1.png)no-repeat;
        }
        #text{
            color: black;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
    
    
      #gi2{
        width: 391px;height: 112px;
        background: #2AAD6F;
        display: inline-block;
        #img{
            width: 121px;height: 68px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun2.png)no-repeat;
        }
        #text{
            color: white;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
}


#sitemap{
    width: 100%;height: 225px;
    margin-top: 53px;
    .wrapper{
        width: 1200px;height: 225px;
        margin: 0 auto;
        #gi{
            width: 391px;height: 227px;
            float: left;
            .gi1{
                width: 234px;height: 162px;
//              background: goldenrod;
                margin: 0 auto;
                .h_write{
                    
                    color: #1F8657;
                    font-size: 18px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                }
            }
            .gi2{
                margin-top: 20px;
                li{
                    height: 28px;

                font-size: .875rem;
                    
                    a{
                    color: #7B7B7B;
                        
                    }
                }
            }
        }
        
    }
}

#footer-tools{
    width: 100%;height: 119px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    .wrapper{
        width: 1200px;height: 119px;
        margin: 0 auto;
            .h-wrapper{
                width: 587px;height: 86px;
                .text{
                    line-height: 86px;
                    float: left;
                }
                .icon{
                    width: 43px;height: 42px;
//                  border: 1px solid violet;
                    float: left;
                    margin-top: 20px;
                    margin-left: 10px;
                }
                 .icon1{
                    width: 43px;height: 42px;
                    float: left;
                    margin-top: 20px;
                    margin-left: 10px;
                    position: relative;
                    &:hover .img100{
                        display: block;
                    }
                    .img100{
                        position: absolute;
                        z-index: 2;
                        top:-125px;
                        left:-41px;
                        display: none;
                    }
                }
                .text1{
                    line-height: 86px;
                    float: left;
                    margin-left: 30px;
                }
            }
            .h-subscribe{
                width: 560px;height: 120px;

                float: right;
                margin-top: -89px;
                .icon{
                    width: 67px;height: 67px;
                    border-radius: 50%;
                    background: #2AAD6F;
                    float: left;
                    margin-top: 25px;
                    margin-left: 10px;
                }
                .about{
                    width: 161px;height: 78px;
                    float: left;
                    margin-top: 20px;
                    margin-left: 11px;
                    .h-delta{
                        color: #1F8657;
                        font-size: 1.25rem;
                        font-weight: 800;
                    }
                    .write{
                        padding-top: 10px;
                        font-size: 14px;
                        font-family: "微软雅黑";
                        
                        
                    }
                }
            }
    }
}

#bottom{
    width: 100%;height: 65px;


    
    .center{

        width: 1200px;height: 65px;

        margin: 0 auto;
        .bottom-info{
            text-align: center;
            line-height: 65px;
            color: #868686;
            font-size: 12px;
        }
    }
}
